@charset "utf-8";
@import "comm/reset";
@function p($px){
    @return $px/2+px;
}
.mobile{
    background: white;
    header{
        overflow: hidden;
        padding: 0 p(22);
        .but{
            margin-top: p(48);
            float: left;
            input{
                font-style:normal;
                width: p(123);
                height: p(57);
                border: 1px solid #FF9344;
                border-radius: p(18);
                background: white;
                font-size: p(26);
            }
        }
        .cet{
            width: p(52);
            margin: 0 auto;
            margin-top: p(63);
            h1{
                display: inline-block;
                font-size: p(26);
                font-family: "微软雅黑";
            }
        }
        .letter{
            float: right;
            width: p(62);
            height: p(42);
            margin-top: p(58);
            a{
                display: block;
                img{
                    width: 100%;
                }
                &::after{
                    content: "2";
                    display: block;
                    width: p(27);
                    height: p(27);
                    border-radius: 50%;
                    background: #fa5050;
                    position: absolute;
                    top: 23px;
                    right: 8px;
                    font-size: 10px;
                    color: white;
                    text-align: center;
                }
            }
        }
    }
    section{
        margin-top: p(20);
        margin-bottom: p(171);
        padding: 0 p(22);
        .login{
            overflow: hidden;
            .login-img{
                width: p(170);
                height: p(170);
                border-radius: 50%;
                overflow: hidden;
                float: left;
                img{
                    width: 100%;
                }
            }
            .login-cet{
                font-size: 0;
                margin-top: p(33);
                margin-left: p(24);
                display: inline-block;
                h1{
                    display: block;
                    font-size: p(30);
                }
                span{
                    display: block;
                    margin-top: p(37);
                    font-size: p(26);
                    color: #9d9d9d;
                }
            }
            .login-dy{
                float: right;
                font-size: p(87);
                margin-top: p(60);
            }
        }
        .pc{
            margin-top: p(26);
            .pc-img{
                width:32%;
                height: p(150);
                display: inline-block;
                font-size: 0;
                position: relative;
                a{
                    img{
                      width: 100%;  
                    }
                }
                h1{
                    position: absolute;
                    left: 50%;
                    transform: translate(-50%);
                    top: 79%;
                    white-space: nowrap;
                    font-size: p(26);
                }
            }
        }
        .shezhi{
            margin-top: p(35);
            ul{
                font-size: 0;
                li{
                    
                    .shezhi-img{
                        width: p(54);
                        height: p(72);
                        float: left;
                        img{
                            height: 100%;
                        }
                    }
                    .shezhi-ct{
                        margin-left: p(40);
                        margin-top: p(23);
                        display: inline-block;
                        h1{
                            display: inline-block;
                            font-size: p(26);
                        }
                    }
                    .shezhi-mo{
                        float: right;
                        margin-top: p(24);
                        a{
                            
                            h1{
                                display: inline-block;
                                font-size: p(24);
                                color:  #000000;
                                margin-right: p(8);
                            }
                            img{
                               width: p(26); 
                               height: p(26);
                            }
                        }
                    }
                }
                li:nth-child(2){
                    margin-top: p(24);
                }
                li:nth-child(2)>.shezhi-img{
                    width: p(70);
                    height: p(73);
                }
                li:nth-child(2) .shezhi-ct{
                    margin-left: p(26);
                }
                li:nth-child(3){
                    margin-top: p(34);
                }
                li:nth-child(3)>.shezhi-img{
                    width: p(93);
                    height: p(58);
                }
                li:nth-child(3) .shezhi-ct{
                    margin-left: p(4);
                }
                li:nth-child(4){
                    margin-top: p(42);
                }
                 li:nth-child(4)>.shezhi-img{
                    width: p(59);
                    height: p(59);
                }
                li:nth-child(4) .shezhi-ct{
                    margin-left: p(36);
                }
                li:nth-child(5){
                    margin-top: p(79);
                }
                li:nth-child(5)>.shezhi-img{
                    width: p(78);
                    height: p(79);
                }
                li:nth-child(5) .shezhi-ct{
                    margin-left: p(9);
                }
                li:last-child{
                    margin-top: p(24);
                }
                li:last-child>.shezhi-img{
                    width: p(84);
                    height: p(59);
                }
                li:last-child .shezhi-ct{
                    margin-left: p(9);
                }
            }
        }
        .bt{
            margin-top: p(36);
            .bt1{
                float: left;
                margin-left: p(86);
                display: inline-block;
                input{
                    font-style: normal;
                    width: p(147);
                    height: p(75);
                    background: #FF9344;
                    border-radius: p(33);
                }
            }
            .bt2{
                float: right;
                margin-right: p(81);
                display: inline-block;
                input{
                    font-style: normal;
                    width: p(147);
                    height: p(75);
                    background: #FF9344;
                    border-radius: p(33);
                }
            }
        }
    }
}
